display: flex; - ovo svojstvo postavlja element kao fleks kontejner, što omogućuje da njegovi izravni potomci (flex itemi) rasporede fleksibilno unutar okvira.
flex-grow - definira koliko će element rasti u odnosu na druge elemente u fleks kontejneru. Ako je vrijednost veća, element će zauzeti više prostora.
flex-shrink - određuje koliko će element "smanjiti" svoju veličinu kada prostor u fleks kontejneru nije dovoljan.
flex-basis - postavlja početnu veličinu elementa prije nego što "grow" ili "shrink" efekti stupe na snagu. Može biti u pikselima, postotcima ili auto.
flex-wrap - kontrolira hoće li se flex itemi preći u novi red ako nema dovoljno prostora. Vrijednosti: nowrap, wrap, wrap-reverse.
flex-direction - definira smjer u kojem se fleks itemi raspoređuju: row, row-reverse, column, column-reverse.
justify-content - kontrolira raspored fleks itema duž glavne osi (npr. horizontalno kod `row`). Vrijednosti: flex-start, flex-end, center, space-between, space-around.
align-items - kontrolira poravnanje fleks itema duž poprečne osi (npr. vertikalno kod `row`). Vrijednosti: stretch, flex-start, flex-end, center, baseline.